var Botton=$('#btn');
var OTA=$('#odiv');
var posarr=[];
var n;
var pospor;
var ganer=[];
var dronum=[];
// var arr =[
//     {"bmnr":"保卫部门","fongde":"刘某","position":"管理员","Phone":"1234567890","from_1":"维护幼儿园正常工作、生活秩序。"},
//     {"bmnr":"教育部门","fongde":"杨某","position":"管理员","Phone":"1234567890","from_1":"主要针对本校幼儿园教学管理，基础教育"},
//     {"bmnr":"膳食部门","fongde":"池某","position":"管理员","Phone":"1234567890","from_1":"负责幼儿园中每日的饮食基础管理"},
//     {"bmnr":"财务部门","fongde":"王某","position":"管理员","Phone":"1234567890","from_1":"负责幼儿园的财务管理"},
//     {"bmnr":"医疗部门","fongde":"龙某","position":"管理员","Phone":"1234567890","from_1":"负责日常医疗工作管理"},
//     {"bmnr":"后勤部门","fongde":"陈某","position":"管理员","Phone":"1234567890","from_1":"负责幼儿园的定时卫生清理"},
// ];
var stufflist=JSON.parse(localStorage.getItem('stfdata')) || [];
var arr=JSON.parse(localStorage.getItem('data')) || [];
render();


//数据渲染
function render() {
    OTA.find('tbody').html('');
    for(var i=0;i<stufflist.length;i++){
        if(stufflist[i].pos=='管理员'){
            ganer.push(stufflist[i])
        }
    }
    for(var j=0;j<ganer.length;j++){
        for(var q=0;q<arr.length;q++){
            if(ganer[j].dro==arr[q].bmnr){
                arr[q].fongde=ganer[j].name;
                arr[q].Phone=ganer[j].tel;
            }
        }
    }
    for (var i=0;i<arr.length;i++){
        for(var j=0;j<stufflist.length;j++){
            if(arr[i].bmnr==stufflist[j].dro){
                dronum.push(stufflist[j]);
            }
        }
        OTA.find('tbody').append(' <tr>\n' +
            '            <td>'+arr[i].bmnr+'</td>\n' +
            '            <td>'+arr[i].fongde+'</td>\n' +
            '            <td>'+dronum.length+'</td>\n' +
            '            <td>'+arr[i].Phone+'</td>\n' +
            '            <td>'+arr[i].from_1+'</td>\n' +
            '            <td>\n' +
            '                <button id="modify" type="button" data-toggle="modal" data-target="#oBox" class="btn btn-primary" style="background: #E5C7AB; border: 0px;">\n' +
            '                        <span class="glyphicon glyphicon-pencil">\n' +
            '                        </span>\n' +
            '                </button>\n' +
            '                <button id="delete" type="button" class="btn btn-primary" style="background: #E5C7AB; border: 0px;" data-delete>\n' +
            '                        <span class="glyphicon glyphicon-trash">\n' +
            '                        </span>\n' +
            '                </button>\n' +
            '            </td>\n' +
            '        </tr>')
    };
    dronum=[];
    localStorage.setItem('data',JSON.stringify(arr));
}


//职位添加
$('#addpos').click(function () {
    var str=$('#posname').val();
    var st2=$('#addpow').text();
    posarr.push(
        {
            posName:str,
            poewe:st2
        }
    );
    $('#posarea').val(JSON.stringify(posarr));
    $('#posname').val('');
})
$('#addpos2').click(function () {
   posarr=arr[n].posarr;
    var str=$('#posname2').val();
    var st2=$('#addpow2').text();
    posarr.push(
        {
            posName:str,
            poewe:st2
        }
    );
    console.log(posarr);
    arr[n].posarr=posarr;
    $('#posname2').val('');
    alert('添加成功')
    render();
})
/*添加*/
Botton.click(function () {
    arr.unshift({
        // fongde:$('#fongde').val(),
        // Phone:$('#Phone').val(),
        // position:$('#position').val(),
        // from_1:$('#from_1').val(),
        // bmnr:$('#bmnr').val()

        fongde:'',
        Phone:'',
        position:'0',
        from_1:$('#from_1').val(),
        bmnr:$('#bmnr').val(),
        posarr:posarr,
    });
    render();
    $('#bmnr').val('');
    $('#fongde').val('');
    $('#position').val('');
    $('#Phone').val('');
    $('#from_1').val('');
    $('#posarea').val('');
});
//删除
OTA.on('click','#delete',function () {
    if($(this).parent().siblings().eq(2).text()=='0'){
        if (confirm('确定删除该部门？')){
            var n=$(this).parents('tr').index();
            arr.splice(n,1);
    }
    }
    else {
        alert('请清空部门员工后操作');
    }
    render();
});
//下拉修改
$('.Jurisdiction li').click(function () {
    $('.oclass').html($(this).text()+'<span class="caret"></span>');
    $('.aclass').html($(this).text()+'<span class="caret"></span>')
});
//下拉委托版本
$('#posul').on('click','li',function () {
    $('#chopos').html($(this).text()+'<span class="caret"></span>')
    for(var j=0;j<arr[n].posarr.length;j++){
        if(arr[n].posarr[j].posName==$(this).text()){
            pospor=arr[n].posarr[j].poewe;
        }
    }
    $('#pospor').html(pospor+'<span class="caret"></span>');
})

//修改
OTA.on('click',"#modify",function () {
    $('#chopos').html('选择<span class="caret"></span>')
    $('#name').val($(this).parent().siblings().eq(0).html());
    // $('#charge').val($(this).parent().siblings().eq(1).html());
    // $('#aposition').val($(this).parent().siblings().eq(2).html());
    // $('#Contact').val($(this).parent().siblings().eq(3).html());
    $('#fezer').html('负责人：'+$(this).parent().siblings().eq(1).html());
    $('#feztel').html('电话：'+$(this).parent().siblings().eq(3).html());
    n=$(this).parents('tr').index();
    $('#posul').html('');
    for(var i=0;i<arr[n].posarr.length;i++){
        $('#posul').append('<li><a href="#">'+arr[n].posarr[i].posName+'</a></li>')
    }

    $('#describe').val($(this).parent().siblings().eq(4).html());

    $('#reset').click(function () {
        $('#reset').unbind('click');
        arr[n].bmnr=$('#name').val();
        arr[n].from_1=$('#describe').val();
        // arr.splice(n,1,{
        //     bmnr:$('#name').val(),
        //     fongde:$('#charge').val(),
        //     Phone:$('#Contact').val(),
        //     position:$('#aposition').val(),
        //     from_1:$('#describe').val()
        //  });
        render();
    })
});
//修改权限
$('#cgpowr').click(function () {
    for(var j=0;j<arr[n].posarr.length;j++){
        if(arr[n].posarr[j].posName==$('#chopos').text()){
            arr[n].posarr[j].poewe=$('#pospor').text();
        }
    }
})
//删除职位
$('#delpos').click(function () {
    if(confirm('确定删除该职位？')){
        for(var j=0;j<arr[n].posarr.length;j++) {
            if (arr[n].posarr[j].posName == $('#chopos').text()) {
                arr[n].posarr.splice(j,2);
            }
        }
    }
   render();
})
// 清除
$('#Eliminate').on('click',function () {
    $('#name').val('');
    $('#charge').val('');
    $('#aposition').val('');
    $('#Contact').val('');
    $('#describe').val('');
});
$('#empty').on('click',function () {
    $('#bmnr').val('');
    $('#fongde').val('');
    $('#position').val('');
    $('#Phone').val('');
    $('#from_1').val('');
});